document.addEventListener('DOMContentLoaded', function() {
  // 获取DOM元素
  const tabItems = document.querySelectorAll('.tab-item');
  const recommendedList = document.getElementById('recommended-list');
  const hotNewsList = document.getElementById('hot-news-list');

  // 标签页切换功能 - 好文精选/热门资讯切换
  tabItems.forEach(item => {
    item.addEventListener('click', function() {
      // 移除所有标签的活跃状态
      tabItems.forEach(tab => tab.classList.remove('tab-active'));
      // 为当前点击的标签添加活跃状态
      this.classList.add('tab-active');
      
      // 根据点击的标签切换对应的文章列表
      if (this.textContent.trim() === '好文精选') {
        // 显示好文精选列表，隐藏热门资讯列表
        recommendedList.style.display = 'block';
        hotNewsList.style.display = 'none';
      } else if (this.textContent.trim() === '热门资讯') {
        // 显示热门资讯列表，隐藏好文精选列表
        recommendedList.style.display = 'none';
        hotNewsList.style.display = 'block';
      }
    });
  });
});